{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"我的服务",back:1} %}
    <mu-tabs :value.sync="curTab" inverse :color="c1" text-color="rgba(0, 0, 0, .54)"  full-width>
        <mu-tab>全部</mu-tab>
        <mu-tab>在售</mu-tab>
        <mu-tab>审核</mu-tab>
        <mu-tab>待上架</mu-tab>
    </mu-tabs>
    <div class="pad5 bdtso bdc13">
        <div v-show="curTab == 0">
            <div class="marb5 pos-r bcf" style="" v-for="item in list">
                {% include "ApiCloud/Base/inc.serv.list.edit.html.twig"%}
            </div>
        </div>
        <div v-show="curTab == 1">
            <div class="marb5 pos-r bcf" style="" v-for="item in saleList">
                {% include "ApiCloud/Base/inc.serv.list.edit.html.twig"%}
                <div class="bdtda flrc marlr5 pad5 tar">
                    <div><mu-button small flat :color="c1" @click="toStore(item.id)">下架</mu-button></div>
                </div>
            </div>
        </div>
        <div v-show="curTab == 2">
            <div class="marb5 pos-r bcf" style="" v-for="item in auditList">
                {% include "ApiCloud/Base/inc.serv.list.edit.html.twig"%}
                <div class="bdtda flrc marlr5 pad5 fs8 c12">
                    <div>审核状态：</div>
                    <div class="flex1">
                        <span v-if="item.status == 0">等待审核</span>
                        <span class="c02" v-if="item.status == 100">审核驳回</span>
                    </div>
                    <div><mu-button small flat :color="c1" @click="del(item.id)">删除</mu-button></div>
{#                    <div><mu-button small flat color="success" @click="onSale(item.id)">上架</mu-button></div>#}
                </div>
                <div class="bdtda flex-r flex-start marlr5 pad5 fs8 c12" v-if="item.status == 100">
                    <div>审核状态：</div>
                    <div class="flex1"> <span class="c07">审核不通过</span> [[item.auditMessage]]</div>
                </div>
            </div>
        </div>
        <div v-show="curTab == 3">
            <div class="marb5 pos-r bcf" style="" v-for="item in storeList">
                {% include "ApiCloud/Base/inc.serv.list.edit.html.twig"%}
                <div class="bdtda flrc marlr5 pad5 tar">
                    <div class="flex1 flcc"><mu-button small flat color="success" @click="onSale(item.id)">上架</mu-button></div>
                    <div class="flex1 flcc"><mu-button small flat color="success" @click="goto('newService',{id:item.id})">修改</mu-button></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
